<template>
  <div class="page">
    <el-pagination
      v-model:currentPage="currentPage1"
      :page-size="10"
      background
      small="small"
      :background="background"
      layout="total, prev, pager, next,jumper"
      :total="count"
      @current-change="handleCurrentChange"
    />
  </div>
</template>
<script>
import { ref, reactive, toRefs, computed, watch } from "vue";
import { useRouter } from "vue-router";
import { useRoute } from "vue-router";
import { useStore } from "vuex";
export default {
  props: ["count"],
  setup(props, context) {
    const handleCurrentChange = (val) => {
      context.emit("changePage", val);
    };
    const data = reactive({
      currentPage1: 1,
    });
    return { handleCurrentChange, ...toRefs(data) };
  },
};
</script>
<style lang="scss" scoped>
.page {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
</style>
